<!--添加角色-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="grantPermissionModal">
    <template id="grantPermissionModal">
        <div>
            <el-dialog title="权限授予" :visible.sync='show_grant_permission_modal' center :show-close="false" size="mini" :close-on-click-modal="false" :close-on-press-escape="false">
                <div slot="footer" class="dialog-footer">
                    <el-button size="mini" @click="cancelGrantPermissionDilogHandle">取 消</el-button>
                    <el-button size="mini" @click="confirmGrantPermissionDilogHandle" type="primary" >确 定</el-button>
                </div>
            </el-dialog>
        </div>
    </template>
    <script>
        const GrantPermissionModal = {
            template: '#grantPermissionModal',
            props: {
                show_grant_permission_modal: Boolean
            },
            methods: {
                cancelGrantPermissionDilogHandle: function (){
                    this.$emit('grant_permission_modal_close');
                },
                confirmGrantPermissionDilogHandle: function () {
                    this.cancelGrantPermissionDilogHandle();
                },
            },
        }
    </script>
</div>
</html>